<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<!--
   Copyright (C) 2006, 2007  Stephane Alnet

   This program is free software; you can redistribute it and/or
   modify it under the terms of the GNU General Public License
   as published by the Free Software Foundation; either version 3
   of the License, or (at your option) any later version.

   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
   


   For more information: http://carrierclass.net/
-->
    <head>
        <title>CarrierClass.net Management Platform</title>
  	    <script src="js/jquery.js"></script>
  	    <script src="js/jquery.cookie.js"></script>
  	    <script src="js/jquery.geturlparam.js"></script>
      	<script>
      	function log(str) { $("#log").append(str); }

      	$(document).ready(function(){
      		$("dd:not(:first)").hide();
      		$("dt a").click(function(){
      			$("dd:visible").slideUp("fast");
      			$(this).parent().next().slideDown("fast");
      			return false;
      		});

      		// XXX Create a bg picture for the list titles using Gimp's Brushed Aluminium gradient
      		// and change CSS accordingly.

            var the_group = $.getURLParam('group');
            var the_login = $.getURLParam('login');

      		// XXX Debug / write properly
            $("a.auto").click(function(){
                $("#content").load(this.href);
                return false;
            }).each(function(i){
                var what = this;
                $.getJSON("can_do.pl",{item:this.id, group:the_group, login:the_login },function(json){
                    if(json.can_do != "true") {$(what).fadeOut();}
                });
            });
      	});
      	</script>
        <link rel="stylesheet" href="css/test.css" type="text/css" />
    </head>
    <body>
        <div id="container">
            <div id="header">
            </div>
            <div id="sidebar">
                <dl>
                	<dt><a href="people" id="people" class="auto">People</a></dt>
                	<dd>
                	<ul>
                		<li><a href="people-hierarchy.html" id="people/hierarchy"          class="auto">Hierarchy</a></li>
                		<li><a href="people-login.html"     id="people/hierarchy/manage"   class="auto">Login and Passwords</a></li>
                		<li><a href="people-control.html"   id="people/hierarchy/control"  class="auto">Controls</a></li>

                	</ul>
                	</dd>
                	<dt><a href="config" id="config" class="auto">Configuration</a></dt>
                	<dd>
                	<ul>
                		<li><a href="elements-systems.html"     id="config/system"              class="auto">Systems</a></li>
                		<li><a href="elements-servers.html"     id="config/system/server"       class="auto">Servers</a></li>
                		<li><a href="elements-gateways.html"    id="config/system/gateway"      class="auto">Third-party gateways</a></li>
                		<li><a href="elements-enterprises.html" id="config/system/enterprise"   class="auto">Enterprises</a></li>
                	</ul>
                	</dd>
                	<dt><a href="manage" id="manage" class="auto">Management</a></dt>
                	<dd>
                	<ul>
                		<li><a href="manage-trunks.html"  id="manage/trunks" class="auto">Trunks</a></li>
                		<li><a href="manage-menus.html"   id="manage/menus" class="auto">Menus</a></li>
                		<li><a href="manage-numbers.html" id="manage/numbers" class="auto">Numbers</a></li>
                		<li><a href="manage-phones.html"  id="manage/phones" class="auto">Phones</a></li>
                	</ul>
                	</dd>
                	<dt><a href="perf" id="perf" class="auto">Monitoring</a></dt>
                	<dd>
            	    <ul>
            	        <li><a href="perf-servers.html" id="perf/servers" class="auto">Servers</a></li>
            	    </ul>
                	</dd>
                	<dt><a href="billing" id="billing" class="auto">Billing</a></dt>
                	<dd>
                	<ul>
                	    <li><a href="billing-analyze.html" id="billing/analysis" class="auto">Analysis</a></li>
                    </ul>
                    </dd>
                </dl>
                <div id="log"></div>
            </div>
            <div id="content"></div>
        </div>
  </body>
</html>
